<script setup lang="ts">
import Map3D from './index.vue'
import geoData from './assets/data/geoData.json'
import blockData from './assets/data/blockData.json'
import { mapConfig, blockConfig } from './assets/data/config.block'
</script>

<template>
  <div class="root">
    <Map3D :geo-data="geoData" :block-data="blockData" :map-config="mapConfig" :block-config="blockConfig" />
  </div>
</template>

<style scoped lang="less">
.root {
  background: #051f40;
  border: 1px solid #ccc;
  // width: 100%;
  // height: 100%;
  width: 70%;
  height: 800px;
  // transform: translate(100px, 100px);
  margin-top: 10vh;
  margin-left: 200px;
}
</style>
